<template>
  <div class="container">
   v-model语法糖
   <!-- 子组件发射自定义事件的时候 ：事件名改为 'update:父组件传的值变量名' -->
   <!-- 然后 在父组件中 使用子组件时 就不用再监听事件啦，改用v-model: 替换之前的单项绑定。 -->
   父组件{{ count }}
   <hr>
   子组件 
   <!-- <soncopy :count="count" @update:modelValue="count=$event"></soncopy> -->
   <!-- <soncopy v-model:count="count"></soncopy> -->
   <soncopy v-model="count"></soncopy>
  </div>
</template>

<script>
import { ref } from "vue";
import soncopy from "./soncopy.vue";


export default {
  components: { soncopy },
  name: "App",

  setup() {
  const count=ref(100)

    return {count};
  },
};
</script>

<style>
</style>